import { defineConfig, presetIcons, presetUno,presetAttributify  } from 'unocss'
import presetRemToPx from "@unocss/preset-rem-to-px"
export default defineConfig({
  presets: [
    presetUno(),
    presetRemToPx({
      baseFontSize: 16
    }),
    presetAttributify({
      prefix: 'un-',
      prefixedOnly: true,
    }),
    presetIcons({
      warn: true,
      prefix: ['i-'],
      extraProperties: {
        display: 'inline-block',
      },
    })
  ],
  rules: [],
  shortcuts: {
    'f-b': 'flex justify-between items-center',
    'f-c': 'flex justify-center items-center',
    'f-s': 'flex justify-start items-center',
    'f-e': 'flex justify-end items-center',
    'text-overflow': 'truncate',
    'wh-full': 'w-full h-full',
  },
  theme: {
    'theme-default': {
      colors: {
        primary: 'red'
      }
    }
  }
})
